
<script>
    var ChunXiaQiuDongView = {
        props:{
            dataList: {
                type: [Object, Array],
                default: () => {
                    return {};
                }
            },
            nextJob : {
                type: Object,
                default: () => {
                    return {};
                }
            },
        },
        template:`<div class="duilianpt">
                    <template v-if="dataList.meansList && dataList.meansList.length">
                        <div class="zodiac" style="width: 100%;" v-for="(item,inx) in dataList.meansList" :key="inx">
                            <div class="item">
                                <span>
                                    {{initIssue(item.issue)}}期 <span class="magenta-text">{{dataList.remarks}}</span> 
                                    <template v-if="item.means && item.means[0].shuxing&& item.means[0].shuxing.length">
                                        <span class="blue-text">
                                            【
                                            <span  v-for="(vl,vk) in item.means[0].shuxing" :key="vk" >
                                                <span class="red-text" :class="{'bg-yellow':vl.isTrue}">{{vl.title}}</span>
                                            </span>
                                            】
                                        </span>
                                    </template>
                                    <span class="black-text">
                                        开:
                                        <strong>
                                            <strong class="color-red" v-if="item.is_true == 0">？00</strong>
                                            <strong class="color-red" v-else-if="item.drawp">{{item.drawp}}</strong>
                                            <strong v-if="item.is_true == 1">准</strong>
                                            <strong v-else-if="item.is_true == 2">错</strong>
                                            <strong v-else>??</strong>
                                        </strong>
                                    </span>
                                </span>
                            </div>
                            <div class="item-big" v-if="item.means && item.means[0].child&& item.means[0].child.length">
                                <span class="black-text">
                                    重注:
                                    <span v-for="(vl,vk) in item.means[0].child" :key="vk">
                                        <span :class="{'bg-yellow':vl.isTrue,'blue-text':(vl.color == 'blue'), 'green1-text':(vl.color == 'green'), 'red-text':(vl.color == 'red')}" >
                                            {{vl.value}}<span v-if="vk < item.means[0].child.length-1">.</span>
                                        </span>
                                    </span>
                                </span>
                            </div>
                        </div>
                        <div class="list-item-mid" v-if="dataList.meansList && dataList.meansList[0].remark && dataList.meansList[0].remark.length">
                            <div  class="text-center text-width" v-for="(vl,vk) in dataList.meansList[0].remark" :key="vk">
                                <span>
                                    {{vl.title}}：{{vl.attr.join('')}}
                                </span> 
                            </div>
                        </div>
                    </template>
                </div>`,
        data() { return { } },
        extends:moldExtend,
        mounted() { },
        methods: { }
    }
</script>